<template>
    <div class="pages">
        <div class="one" v-for="(item, index) in list" @click="pageJump(item.url, index, item.title)" :key="index">
            <img :src="item.icon" alt="" />
        </div>
    </div>
</template>
<script>
export default {
    name: "",
    data() {
        return {
            list: [
                { icon: require("@/assets/img/icon3.png"), url: "addform", title: "作文投稿" },
                { icon: require("@/assets/img/icon6.png"), url: "addform", title: "图文投稿" },
                { icon: require("@/assets/img/icon5.png"), url: "addform", title: "视频投稿" },
								{ icon: require("@/assets/img/icon.png"), url: "addform", title: "音频投稿" },
            ],
        };
    },
    mounted() {},
    methods: {
        pageJump(url, flag, title) {
            this.$router.push({ path: url, query: { option: flag * 1 + 1, title: title } });
        },
    },
};
</script>
<style scoped>
.pages {
    padding: 0.5rem 0.6rem 2rem; /*position: fixed; left: 0; top:0; width: 100%; height: 100%; overflow-y: auto; background-color: #fff; */
}
.pages .one {
    margin-bottom: 0.4rem;
}
.pages .one img {
    display: block;
    width: 100%;
}
</style>
